*{
	padding:0;
	margin:0;
	font-family:"微软雅黑";
}
a{
	text-decoration:none;
}
ul{
	list-style-type:none;
}
img{
	border:0;
}

//顶部菜单开始
#menu{
	width:100%;
	height:32px;
	background-color:#F4F4F4;

	.menu_nav{
		width:1150px;
		height:32px;
		margin:0 auto;

			//左侧菜单开始
			.menu_nav_left{
				width:87px;
				height:32px;
				float:left;
				padding-left:3px;
				line-height:32px;
				position:relative;
				span.span{
					width:13px;
					height:11px;
					position:absolute;
					left:3px;
					top:11px;
					display:inline-block;
					background:url(../img/xian.png);

				}
				a{
					color:#000;
					font-size:12px;
					padding-left:14px;
					
				}
				&:hover{
					background:#DCDCDC;
				}
				&:hover .left_ul{
					display:block;
				}

				ul{
					width:150px;
					height:180px;
					padding-top:30px;
					padding-left:20px;
					position:absolute;
					left:0;
					top:31px;
					display:none;
					background-color:#F4F4F4;
					li{
						height:14px;
						width:150px;
						line-height:14px;
						margin-bottom:20px;
						a{
							height:14px;
							 
							color:#9196A0;
							font-size:14px;
							
						}
					}
				}

			}
			//左侧菜单结束
			//登录和注册开始
			.menu_nav_mid{
				width:125px;
				height:32px;
				margin-left:540px;
				font-size:12px;
				line-height:32px;
				float:left;
				span{
					color:#000;
				}
				a{
					color:#666;
				}
			 
			}
			//登录和注册结束
			//顶部右边菜单开始
			.menu_nav_right{
				width:370px;
				height:32px;
				margin-left:20px; 
				float:left; 
				ul{
					li{
						height:32px;
						width:auto;
						padding-left:10px;
						padding-right:8px;
						font-size:12px;
						float:left;
						position:relative;
						overflow:hidden;
						line-height:32px;
						cursor:pointer;
						a{
							color:#8E8E8E;
							font-size:12px;
					 
						}
						i{
							height:14px;
							width:0px;
							position:absolute;
							top:9px;
							left:0;
							border-left:1px solid #DCDCDC;
						}
						
					}
					.menu_li1{
						a{
							padding-right:15px;
						}

						span{
							height:7px;
							width:11px;
							position:absolute;
							top:13px;
							left:57px;
							padding-right:5px;
							display:inline-block;
							background:url(../img/arrow.png) no-repeat;
						}
						&:hover{
							background:#DCDCDC;
						}
					}

					.menu_li2{
						 
						a{
							padding-left:15px;
						}
						span{
							height:14px;
							width:11px; 
							display:inline-block;  
							position:absolute;
							left:12px;
							top:9px;
							background:url(../img/dingdan.png) no-repeat;
						}
					}

					.menu_li3{
						 
						a{
							padding-left:15px;
						}
						span{
							height:11px;
							width:12px; 
							display:inline-block;  
							position:absolute;
							left:12px;
							top:11px;
							background:url(../img/hidden.png) no-repeat;
						}
					}

					.menu_li4{
						 
						a{
							padding-left:18px;
						}
						span{
							height:15px;
							width:22px; 
							display:inline-block;  
							position:absolute;
							left:10px;
							top:11px;
							background:url(../img/xin.png) no-repeat;
						}
					}


					.menu_li5{
						 
						a{
							padding-left:15px;
						}
						span{
							height:15px;
							width:22px; 
							display:inline-block;  
							position:absolute;
							left:12px;
							top:8px;
							background:url(../img/shouji.png) no-repeat;
						}
						&:hover{
							background:#DCDCDC;
						}
					}

				}
			}
	}
 
 

}
//顶部菜单开始
// **************************
// 顶部导航开始
#nav{
	clear:both;
	width:100%;
	height:130px;
	overflow:hidden;
	 
	// logo
	.nav_top{
		width:1150px;
		height:90px;
		margin:0 auto;
		 
		// 左边
		.nav_top1{
			width:275px;
			height:47px;
			float:left;
			margin-top:43px;
			 
			ul{
				li{
					float:left;
					height:47px;
					padding-left:22px;
					padding-right:22px;
					padding-top:5px;
					text-align:center;
					h3{
					 
						font-size:16px;
						font-weight:normal;
					}
					p{
						color:#8E8E8E;
						font-size:12px;
					} 
				}
				li.li1{
					background:#555555;
					h3{
						color:#fff;
					}
					p{
						color:#fff;
					}
				}
				
				


			}
			
		}
		// 中间
		.nav_top2{
			width:170px;
			height:auto;
			float:left;
			margin-left:225px;
			margin-top:30px;
			 
		}
		// 右边
		.nav_top3{
			width:390px;
			height:55px;
			float:left;
			margin-left:80px;
			margin-top:22px;
			
			// 导航栏搜索
			.search{
				width:320px;
				height:29px;
				margin-top:28px;
				float:left;
				background:#555555;
				.input1{
					width:240px;
					height:27px;
					border:1px solid #000;
					float:left;
				}
				.input2{
					width:78px;
					height:29px;
					cursor:pointer;
					background:url(../img/search.png) no-repeat;
					background-position:center center;
					border:1px solid #555555;  
					float:left;
				}
			}

			.che{
				height:37px;
				width:50px;
				float:left;
				margin-top:18px;
				margin-left:16px;
				position:relative;
				
				a{
					height:30px;
					width:30px;
					display:block;
					position:absolute;
					left:0;
					top:7px;
				}
				span{
					height:20px;
					width:28px;
					cursor:pointer;
					border-radius:9px;
					background:#DF2121;
					text-align:center;
					line-height:20px;
					color:#fff;
					display:block; 
					font-size:12px; 
					position:absolute;
					left:23px;
					top:0;

				}
			}
		}

	}
	// 导航栏目
	.nav{
		width:100%;
		height:40px;
		background:#555555;
		.nav_menu{
			width:1150px;
			height:40px;
			margin:0 auto; 

			ul{
				li{
					float:left;
					height:18px;
					width:auto;
					margin-top:8px;
					paddng-top:5px;
					position:relative;
					a{
						height:18px;
						width:auto;
						display:inline-block;
						font-size:14px;
						line-height:20px;
						text-align:center;
						color:#fff;
						padding-bottom:2px;
						border-bottom:2px solid transparent;
						&:hover{
							border-bottom:2px solid #fff;
						}
					}
				}
				.li{
					margin-left:83px;
				}
			}
		}
	}

}
// 顶部导航结束
// **************************
// 浏览位置导航开始
#pos{
	width:1150px;
	height:47px;
	margin:0 auto;
	border-bottom:1px solid #ccc;
	line-height:47px;
	font-size:12px;
	color:#666;
	a{
		color:#ccc;
	}
	span{
		font-size:14px;
		line-height:14px;
		color:#ccc;
		padding:0 5px;
	}
}
// 浏览位置导航结束
// *******************************
// 中间大内容开始
#con{
	clear:both;
	width:1150px;
	height:auto;
	margin:0 auto;
	margin-top:15px;
	// 左侧侧边栏开始
	#side_left{
		width:160px;
		height:auto;
		float:left;
		
		// 顶部
		.side_left_top{
			width:160px;
			height:235px;
			border-bottom:1px solid #ccc;
			ul{
				li{
					with:160px;
					height:22px;
					line-height:22px;
					text-align:left;
					margin:7px 0;
					a{
						font-size:12px;
						color:#666;
						padding-left:10px;

					}
					span{
						font-size:12px;
						color:#ccc;
						padding-left:5px;
					}
				}
			}
		}
		// 底部
		.side_left_bottom{
			width:160px;
			height:auto;
			border-bottom:1px solid #ccc;
			ul{
				li{
					list-style-type:none;  
					font-size:12px;
					width:160px;
					height:auto;
					line-height:22px;
					margin:7px 0;
					color:#000;
					cursor:pointer;
					position:relative;
					a{
						color:#ccc;
					 
					}
					span{
						color:#ccc;
						padding-left:5px;
					}
					img{
						margin-right:5px;
						transition:all 0.5s ease-in-out 0s;
					}
					ul{
						list-style-type:none !important;
						overflow:hidden;
						width:160px;

						height:0px;  
						 
						transition:all 0.5s ease-in-out 0s;
						li{
							height:25px;
							line-height:25px;
							padding-left:17px;
							a{
								color:#666;
								&:hover{
									color:blue;
									text-shadow:1px 2px 1px rgba(0,0,0,0.5);
								}
							}

						}
					}
					&:hover ul{
						height:120px;
						
					}
					&:hover img{
						transform:rotate(90deg);
					}
				}
			}
		}
	}
	// 左侧侧边栏结束
	// 右侧列表图片内容开始
	#con_right{
		width:970px;
		height:auto;
		// border:1px solid #ccc;
		float:left;
		margin-left:15px;
		// 选项
		.choice{
			width:970px;
			height:55px;
			border:1px solid #ccc;
			background:#EAECEB;
			.choice_left{
				width:60px;
				height:55px;
				line-height:55px;
				text-align:center;
				float:left;
				font-size:12px;
				color:#222;
				margin-left:15px;

			}
			.choice_mid{
				height:23px;
				margin-top:13px;
				width:auto;
				float:left;
				
				ul{
					li{
						height:23px;
						width:66px;
						float:left;
						margin-right:10px;
						position:relative;
						span{
							height:23px;
							width:66px;
							background:#000;
							color:#fff;
							font-size:12px;
							line-height:23px;
							display:inline-block;
							text-align:center;
						}
						a{
							height:6px;
							width:6px;
							display:block;
							color:#fff;
							cursor:pointer;
							font-size:14px;
							font-weight:500;
							position:absolute;  
							top:0;
							font-family:"黑体";
							right:6px;
						}
					}
				}
				
				

			}
			.choice_right{
				height:55px;
				line-height:55px;
				float:right;
				margin-right:15px;
				a{
					font-size:12px;
					color:#666;
					&:hover{
						color:#32CD33;
					}
				}
				

			}


		}
		// 品牌
		.brand{
			width:970px;
			height:77px;
			border-left:1px solid #ccc;
			border-right:1px solid #ccc;
			.brand_left{
				width:60px;
				height:40px;
				line-height:40px;
				text-align:center;
				font-size:12px;
				color:#333;
				float:left;
			}
			.brand_right{
				width:900px;
				height:77px;
				float:left;
				ul{
					li{
						height:15px;
						width:153px;
						line-height:15px;  
						margin:10px 0px 12px 15px;
						float:left;
						a{
							font-size:12px;
							color:#666;
							span{
								height:10px;
								width:10px;
								font-size:10px;
								line-height:10px;
								text-align:center;
								color:#fff;
								margin-right:5px;
								background:#fff;
								display:inline-block;
								border:1px solid #ccc;

							}
						}
					}
				}
			}
		}
		// 价格
		.price{
			width:970px;
			height:45px;
			border-left:1px solid #ccc;
			border-right:1px solid #ccc;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			.price_left{
				width:60px;
				height:45px;
				line-height:45px;
				text-align:center;
				color:#333;
				font-size:12px;
				float:left;
			}
			.price_right{
				width:890px;
				height:45px;
				line-height:45px;  
				color:#666;
				font-size:12px;
				float:left;
				a{
					height:45px;
					width:67px;
					display:block;
					float:left;
					margin-right:35px;
					color:#666;
					font-size:12px;
				}

			}
		}

		// 颜色
		.color{
			clear:both;
			height:0px;
			width:970px;
			transtion:all 1s ease-in-out 0s;  
			overflow:hidden;
			border-left:1px solid #ccc;
			border-right:1px solid #ccc;
			border-bottom:1px solid transparent;
			.color_left{
				height:54px;
				width:60px;
				color:#333;
				float:left;
				font-size:12px;
				line-height:54px;
				text-align:center;
			}
			.color_right{
				width:auto;
				height:54px;
				float:left;
				line-height:54px;
				ul{
					li{
						height:22px;
						width:22px;
						margin-top:16px;
						float:left;
						margin-right:10px;
						a{
							height:22px;
							width:22px;
							display:block;

						}
						
					}
					.li1{
							a{
								background:#333;
							}
						}
						.li2{
							a{
								background:green;
							}
						}
						.li3{
							a{
								background:#FF5C01;
							}
						}
						.li4{
							a{
								background:#c3c;
							}
						}
						.li5{
							a{
								background:blue;
							}
						}
				}

			}
		}
		// 更多选项
		.more_choice{
			width:140px;
			height:30px;
			margin:0 auto;
			margin-top:-2px;
			border:1px solid #ccc;
			border-top:0px;
			line-height:30px;
			text-align:center;
			background:#fff;
			cursor:pointer;
			.a1{
				width:140px;
				height:30px;
				cursor:pointer;
				display:block;
				font-size:12px;
				color:#999999;
			}
			.a2{
				width:140px;
				height:30px;
				cursor:pointer;
				display:block;
				font-size:12px;
				color:#999999;
				display:none;
			}


		}

		// 排序
		.sort{
			width:970px;
			height:50px;
			margin-top:10px;
			background:#F5F7F6;
			.sort_left{
				width:280px;
				height:50px;
				float:left;
				a{
					height:50px;
					width:auto;
					display:inline-block;
					line-height:50px;
					text-align:center;
					color:#666;
					font-size:12px;
					margin-left:15px;
				}
			}
			.sort_right{
				width:155px;
				height:50px;
				line-height:50px;
				float:right;  
				margin-right:20px;
				a{
					height:15px;
					width:15px;
					display:inline-block;
					font-size:12px;
					color:#999;
				}
			}
		}
		// 内容图片列表 
		.con_img_list{
			width:970px;
			height:auto;
			margin-top:5px;
			ul{
				li{
					float:left;
					width:235px;
					height:380px;
					margin-left:7px;
					margin-bottom:60px;
					overflow:hidden;
					position:relative;
					 
					&:hover{
						box-shadow:0px 0px 7px rgba(0,0,0,0.7);
					}
					.a_img{
						width:235px;
						height:310px; 
						overflow:hidden;
						img{
							width:235px;
							height:310px;
							transition:all 0.5s ease-in-out 0s;
						}
						&:hover img{
							transform:scale(1.2);
						}
					}
					
					
					p{
						height:20px;
						line-height:20px;
						font-size:12px;
						text-align:center;
					}
					.p1{
						a{
							color:#222;
						}
						
					}
					.p2{
						a{
							color:#666;
						}
						
					}
					.p3{
						color:#222;
						span{
							color:#999;
							padding-right:3px;
							text-decoration:line-through;
						}
					}
					.p_xin{
						width:20px;
						height:20px;
						position:absolute;
						top:10px;
						right:10px;
						a{
							width:20px;
							height:20px;
							display:block;
							text-align:center;
							line-height:20px;
							color:#666;
							font-size:14px;
							&:hover{
								color:#E0044C;
							}
						}

					}
				}
			}
		}
		// 分页开始
		#page{
			clear:both;
			width:970px;
			height:80px;
			margin:0 auto;
			border-top:2px solid #ccc;
			border-bottom:2px solid #ccc;
			.page_left{
				width:115px;
				height:80px;
				line-height:80px;
				font-size:12px;
				color:#999;
				float:left;
			}
			.page_right{
				width:230px;
				height:80px;
				line-height:80px;
				font-size:12px;
				color:#999;
				float:right;
				ul{
					li{
						float:left;
						a{
							height:25px;
							width:25px;
							display:inline-block;
							line-height:25px;
							text-align:center;
							font-size:12px;
							color:#999;
						}
						.page_one_a{
							background:#222222;
							color:#fff;
						}
						.next_a{
							width:50px;
						}


					}
				}
			}

		}
		// 分页结束
		// 已浏览的商品开始
		#goods_have_seen{
			clear:both;
			width:970px;
			height:auto;
			margin:0 auto;

			p{
				height:50px;
				width:100%;
				line-height:50px;
				color:#222;
				font-size:14px;
			}
			.have_seen{
				width:100%;
				height:auto;
				margin-top:10px;

				ul{
					li{
						width:150px;
						height:310px;
						float:left;
						overflow:hidden;
						margin-left:12px; 
						img{
							width:150px;
							height:203px;
						}
						p{
							font-size:12px;
							color:#222;
							width:100%;
							height:20px;
							line-height:20px;

						}
						.p1 a{
							font-size:12px;
							color:#222;
						}
						.p2{
							font-size:12px;
							color:#000;
							font-weight:600;
						}
							
						 
					}
				}
			}
		}
		// 已浏览的商品结束

	}
	// 右侧列表图片内容结束


}

// 中间大内容结束
// *************************
// 底部开始
#footer{
	clear:both;
	width:100%;
	height:295px;
	margin-top:20px;
	background:#000;
	.footer{
		width:1150px;
		height:295px;
		margin:0 auto;

		.footer_top{
			width:1150px;
			height:66px;
			margin:0 auto;
			border-bottom:1px solid #262626;
			.footer_top_left{
				height:66px;
				width:130px;
				float:left;
				position:relative;
				 
				i{
					width:23px;
					height:27px;
					position:absolute;
					top:19px;
					left:0px;
					display:inline-block;
					background:url(../img/footer1.jpg) no-repeat;
				}
				.span1{
					color:#EE000E;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:27px;
					line-height:27px;
					display:inline-block;

				}
				.span2{
					color:#fff;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:58px;
					line-height:27px;
					display:inline-block;

				}

			}
			.footer_top_mid1{
				height:66px;
				width:120px;
				float:left;
				position:relative;
				margin-left:58px;
				 
				i{
					width:26px;
					height:27px;
					position:absolute;
					top:19px;
					left:0px;
					display:inline-block;
					background:url(../img/che.jpg) no-repeat;
				}
				.span1{
					color:#EE000E;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:29px;
					line-height:27px;
					display:inline-block;

				}
				.span2{
					color:#fff;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:48px;
					line-height:27px;
					display:inline-block;

				}

			}
			.footer_top_mid2{
				height:66px;
				width:313px;
				float:left;
				position:relative;
				margin-left:58px;
				 
				i{
					width:26px;
					height:27px;
					position:absolute;
					top:19px;
					left:0px;
					display:inline-block;
					background:url(../img/lianxi.jpg) no-repeat;
				}
				.span1{
					color:#EE000E;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:90px;
					line-height:27px;
					display:inline-block;

				}
				.span2{
					color:#fff;
					font-size:12px;
					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:30px;
					line-height:27px;
					display:inline-block;

				}
				.span3{
					color:#999999;
					font-size:12px;

					width:auto;
					height:27px;
					position:absolute;
					top:19px;
					left:173px;
					line-height:27px;
					display:inline-block;
				}

			}
			.footer_top_right{
				height:40px;
				width:240px;
				float:right;
				position:relative;
				margin-top:13px;
				.input1{
					width:158px;
					height:32px;
					padding-right:10px;
					padding-left:10px;
					border:1px solid #262626;
					border-right:1px solid transparent;
					background:#000;
					color:#555555;
					position:absolute;
					left:0;
					top:4px;
				}
				.input2{
					width:65px;
					height:34px;
					position:absolute;
					left:178px;
					top:4px;
					cursor:pointer;
					border:1px solid #262626;
					border-left:1px solid transparent;
					background:url(../img/xinxi.jpg) no-repeat;
					background-position:center center;
				}


			}

 
		}
		// 中间
		.footer_mid{
			clear:both;
			width:1150px;
			height:148px;
			padding-top:15px;
			margin:0 auto;
		 
			ul{
				li{
					width:90px;
					height:163px;
					float:left;
					margin-left:90px;
					
					p{
						font-size:12px;
						color:#fff;
						height:25px;
						line-height:25px;
						width:100%;
						text-align:left;
						a{
							color:#666666;
							&:hover{
								text-decoration:underline;
							}
						}
					}
				}
			}
 
		}
		.footer_bottom{
			clear:both;
			width:1150px;
			height:36px;
			margin:0 auto;
			ul{
				li{
					height:36px;
					width:auto;
					float:left;
				}
				.li1{
					width:95px;
					margin-right:5px;
				}
				.li2{
					width:76px;
					margin-right:12px;
				}
				.li3{
					width:750px;

					p{
						font-size:12px;
						color:#666666;
						a{
							font-size:12px;
							color:#666666;
						}
						span{
							font-size:12px;
							color:#666666;
							margin-left:10px;
							margin-right:10px;
						}
					}
				}
			}
 
		}


	}
}
// 底部结束